<template>
  <div>
    <city-header :title="title"></city-header>
    <city-input></city-input>
    <city-list></city-list>
  </div>
</template>

<script>
  import cityHeader from "components/address/address-header"
  import inputBox from "components/address/setcity/input-box"
  import cityList from "components/address/setcity/city-list"
    export default {
        name: "select-city",
      data(){
          return {
            title:"城市选择"
          }
      },
      created(){
        this.$store.commit('setKey',"");
      },
      components:{
          'city-header':cityHeader,
          'city-input':inputBox,
          'city-list':cityList
      }
    }
</script>

<style scoped>
  .city-sMoQY_0 {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    overflow: auto;
    background-color: #fff;
    -webkit-animation: city-3V70Z_0 .3s;
    animation: city-3V70Z_0 .3s;
    -webkit-overflow-scrolling: touch;
  }
</style>
